<template>
  <div class="app-container">
    <el-card>
      <template #header>
        <span>个人中心</span>
      </template>
      <div style="text-align:center;">
        <el-avatar :size="80" :icon="User" style="margin-bottom: 20px;" />
        <h2>{{ userInfo?.username || '未登录' }}</h2>
        <p>欢迎使用AI助农管理系统</p>
      </div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { useUserStore } from '@/store/modules/user'
import { User } from '@element-plus/icons-vue'
const userStore = useUserStore()
const userInfo = userStore.userInfo
</script> 